*{margin:0;padding:0}
body{margin:0 auto;width:100%;font-family:"Maison Neue Book",Helvetica,华文细黑,Arial;font-size:14px;}
a{color:#61a64b;text-decoration:none;}
a:hover{color:#66ccff;}
h1{font-size:3rem;}
h2{font-size:18px;}
h3{font-size:12px}
.wipe-overlay {
		position: fixed;
		top: 0;
		right: 0;
		bottom: 0;
		z-index: 2000;
		background: #0f0;
		background-position: 50% 50px;
		background-size: 60px;
		width: 100%;
		transition: width .6s;
		transition-delay: .6s;
}
#mousewheel{display:none;}
/** change the index height upon the user_screen pix **/
/**@media screen and (width:1366px)
{
		header{height:380px;width:700px;margin:0 auto;text-align:center;color:#61a64b;}
#name{margin-top:250px;}
}
@media screen and (width:1920px)
{
		header{height:540px;width:700px;margin:0 auto;text-align:center;color:#61a64b;}
#name{margin-top:400px;}
}
**/
/** body start **/
@media screen and (width:1366px)
{
header {height:380px;
font-weight: 300;
font-style: normal;
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility;
margin-left: 5%;transition:height .7;}
#name{margin-top:250px;position:relative;}
#brague_logo{position:absolute;left:80%;top:30%;}
#llago_dialogue{color:#000;}
}
@media screen and (width:1920px)
{
header {height:540px;
font-weight: 300;
font-style: normal;
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility;
margin-left: 5%;
transition:height .7;}
#name{margin-top:400px;position:relative;}
#brague_logo{position:absolute;left:80%;top:30%;}
#llago_dialogue{color:#000;}
}
#hitokoto{width:400px;
font-size: 1em;
line-height: 30px;
color: #999;
}

nav{width:100%;margin:0 auto;font-size:20px;height:50px;text-align:center;background:#fff;z-index:100;position:fixed;bottom:0px;transition: height .6s;
		transition-delay: .3s;
}
nav:before{
position: absolute;
content: "";
top: -1px;
left: 0;
right: 0;
height: 1px;
background: rgba(0,0,0,.05);
}
nav ul {margin:0 auto;list-style:none;}

nav >ul >li{float:left;margin-left:2%;margin-top:16px;font-size: 1em;position:relative;}
nav ul li .foot{position:fixed;right:2%;font-size:12px;line-height:20px;}
nav >ul >li >a:hover:after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:#0f0;}
nav ul li ul{visibility:hidden;position:absolute;bottom:30px;transition:visibility 2s;}
nav ul li:hover>ul{visibility:visible;}

/**nav >ul> li{display:inline-block;position:relative;top:10px;right:20px;margin-left:12%;}
nav ul li ul{display:inline-block;position:absolute;top:20px;;opacity:0.0;width:100px;height:auto;margin-left:-40px;}
nav ul li ul li{display:block;text-align:left;}
nav ul li:hover ul{opacity:1.0;transition:opacity 2s;}
nav#navibar2{display:none;position:fixed;top:0;width:100%;text-align:center;border-top:1px solid #61a64b;height:50px;background:#fff;z-index:100;}**/
#banner {height:50px;margin-left:25%;line-height:50px;}
article{background:#d35d5d;/** background:url(../image/bg1.png);**/border-top:4px solid #E0E0E0;}
#page{width:900px;margin:auto;padding-top:2%;padding-bottom:2%;/**border-top:1px solid #61a64b;**/}
#page #article{width:700px;float:left;border-right:2px solid #61a64b;}
/**#page2{background:#fff;padding-top:2%;margin-bottom:4%;margin-right:2%;box-shadow:0px 2px 10px #000;}**/
img#type{float:left;margin-left:-7%;}
.title{font-size:28px;margin:0 0 0 2%;}
#standard .content{margin:2% 2% 0 2%;background:#fff;padding:2%;/**box-shadow:0px 2px 10px #000;padding:2%;**/}
#single .content{margin:2% 2% 0 2%;background:#fff;padding:2%;/**box-shadow:0px 2px 10px #000;padding:2%;**/}
.content{margin:2% 2% 0 2%;}
.user{float:right;margin-right:2%;margin-top:2%;}
.tag{margin:2% 0 0 2%;padding-bottom:1%;}
a.ta0{border-bottom:3px solid #61a64b;}
a.ta1{border-bottom:3px solid #66ccff;}
a.ta2{border-bottom:3px solid red;}
/**a.ta0:hover{border-bottom:3px solid #66ccff;color:#66ccff;}
a.ta1:hover{border-bottom:3px solid #61a64b;color:#61a64b;}
a.ta2:hover{border-bottom:3px solid red;color:red;} **/
.date{width:660px;margin:0 0 2% 2%;padding-bottom:2%;border-bottom:1px dashed #61a64b;}
#status{}
#status .content{font-size:18px;}
#status .date{border:none;}
#image,#standard,#music,#tag_page{padding-top:2%;margin-bottom:4%;margin-right:2%;}
#page #side{width:190px;float:right;}
.ds-thread{margin:0 2%;}
#ds-thread #ds-reset .ds-comment-body p {color: #61a64b;}
/** widget **/
#widget{background:#fff;/**box-shadow:0px 2px 10px #000;**/margin:10% 0;padding:2% 4%;line-height:20px;word-break:break-all;}
#side img{
margin-left:10%;
-webkit-transition: 1s; 
-moz-transition: 1s; 
transition: 1s; 
-webkit-border-radius: 20px; 
-moz-border-radius: 20px; 
border-radius: 20px; 
} 
#side img:hover { 
		-webkit-box-shadow: 0 0 20px rgba(255,255,255,.6), inset 0 0 20px rgba(255,255,255,1); 
		-moz-box-shadow: 0 0 20px rgba(255,255,255,.6), inset 0 0 20px rgba(255,255,255,1); 
		box-shadow: 0 0 20px rgba(255,255,255,.6), inset 0 0 20px rgba(255,255,255,1); 
		-webkit-border-radius: 60em; 
		-moz-border-radius: 60em; 
		border-radius: 60em; }
#side .widget_tag{color:#61a64b;margin:2% 0;}
#pagenavi{clear:both;}
#share{clear:both;}
#widget ul li{list-style:none;float:left;margin-right:8%;}
/** tag_page start **/
#tag_title {font-size:18px;}
#tag_date{border-bottom:1px dashed #61a64b;margin-bottom:2%;}
/** footer start **/
footer{display:none;width:900px;color:#66ccff;text-align:center;border-top:1px solid #61a64b;margin:2% auto 0 auto;clear:both;}
#footer{margin:20px 0 20px 0;}
/** font-image **/
@font-face {
	font-family: 'icomoon';
	src:url('fonts/icomoon.eot?4ixrtn');
	src:url('fonts/icomoon.eot?#iefix4ixrtn') format('embedded-opentype'),
		url('fonts/icomoon.woff?4ixrtn') format('woff'),
		url('fonts/icomoon.ttf?4ixrtn') format('truetype'),
		url('fonts/icomoon.svg?4ixrtn#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-map:before {
	content: "\e601";
}
.icon-heart:before {
	content: "\e602";
}
.icon-heart2:before {
	content: "\e603";
}
.icon-star:before {
	content: "\e604";
}
.icon-flag:before {
	content: "\e605";
}
.icon-tag:before {
	content: "\e606";
}
.icon-megaphone:before {
	content: "\e607";
}
/**  loading **/
.spinner {
		display:none;
		
margin: 100px auto;
width: 32px;
height: 32px;
position: fixed;
top:30%;
left:50%;
}

.cube1, .cube2 {
background-color: #67CF22;
width: 30px;
height: 30px;
position: absolute;
top: 0;
left: 0;
-webkit-animation: cubemove 1.8s infinite ease-in-out;
animation: cubemove 1.8s infinite ease-in-out;
}
.cube2 {
-webkit-animation-delay: -0.9s;
animation-delay: -0.9s;
}
@-webkit-keyframes cubemove {
25% { -webkit-transform: translateX(42px) rotate(-90deg) scale(0.5) }
50% { -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg) }
75% { -webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5) }
100% { -webkit-transform: rotate(-360deg) }
}
@keyframes cubemove {
25% { 
transform: translateX(42px) rotate(-90deg) scale(0.5);
-webkit-transform: translateX(42px) rotate(-90deg) scale(0.5);
} 50% { 
transform: translateX(42px) translateY(42px) rotate(-179deg);
-webkit-transform: translateX(42px) translateY(42px) rotate(-179deg);
} 50.1% { 
transform: translateX(42px) translateY(42px) rotate(-180deg);
-webkit-transform: translateX(42px) translateY(42px) rotate(-180deg);
} 75% { 
transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
-webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
} 100% { 
transform: rotate(-360deg);
-webkit-transform: rotate(-360deg);
}
}
.content img{ 
		width:100%;
		height:auto;
		-webkit-box-shadow: 0 1px 0 rgba(255,255,255,.2), inset 0 4px 5px rgba(0,0,0,.6), inset 0 1px 0 rgba(0,0,0,.6); 
		-moz-box-shadow: 0 1px 0 rgba(255,255,255,.2), inset 0 4px 5px rgba(0,0,0,.6), inset 0 1px 0 rgba(0,0,0,.6); 
		box-shadow: 0 1px 0 rgba(255,255,255,.2), inset 0 4px 5px rgba(0,0,0,.6), inset 0 1px 0 rgba(0,0,0,.6); 
}
/** about **/
#first img{width:100%}
/** button **/
.button_on{color: #fff;
background-color: #5cb85c;
border-color: #4cae4c;}
.button_on:hover .button_on:active{color: #fff;
background-color: #47a447;
border-color: #398439;}
